<template>
     <div class="main-container" id="main-container">
        <div style="background-color: #fff; height:100%;" id="physicalTest">
           <a-tabs   :lazy-load="true" type="card" @change="tabsChange" justify>
                 <a-tab-pane title="物测管理列表" key="1">
                    <div style="height: 100%;">
                        <phy-manage-list /> 
                      </div>
                 </a-tab-pane>   
                 <a-tab-pane title="物测异常列表" key="2">   
                      <div style="height: 100%;">  
                        <phy-anomalie-list />    
                      </div> 
                 </a-tab-pane> 
                 <a-tab-pane title="物测已推送信息查询" key="3">  
                      <div style="height: 100%;"> 
                        <phy-pushed-info-query />     
                     </div>
                 </a-tab-pane>  
                 <a-tab-pane title="缩水测试原始资料登记列表" key="4">   
                      <div style="height:100%;">
                        <shinkage-test-orignal-regist-form />     
                     </div> 
                 </a-tab-pane>  
                 <a-tab-pane title="物测信息明细查询" key="5"> 
                      <div style="height: 100%;"> 
                        <phy-info-detail-query /> 
                     </div>
                 </a-tab-pane> 
                 <a-tab-pane title="待物测信息明细查询" key="6">
                      <div style="height: 100%;"> 
                        <width-phy-info-detail-query />  
                     </div> 
                 </a-tab-pane> 
           </a-tabs>
        </div>    
    </div>
    
 </template>  
 
 <script lang="ts"> 
   import { defineComponent } from 'vue'
   import emitter from '@/hooks/useEventBus'
   export default defineComponent({
        name:'physicalTest',
        setup() { 
            const tabsChange = (e:string | number) => {
                emitter.emit('window-change'); 
                if(e === '1'){
                    emitter.emit('refresh-phyManageList') 
                }else if(e === '2'){
                    emitter.emit('refresh-phyAnomalieList') 
                }else if(e === '3'){
                    emitter.emit('refresh-fabricTesting') 
                }else if(e === '4'){
                    emitter.emit('refresh-testMethod') 
                }else if(e === '5'){
                    emitter.emit('refresh-fabriTestingRequire') 
                }
            }
            return {
               tabsChange
            }
        },
   })
 </script>
 
 <style scoped>
 .main-container {
   height: 100%;
 }
 .arco-drawer-title{
    width: inherit;
 }
 .arco-drawer-body .arco-scrollbar-track-direction-horizontal{
     display: none;
 }
 .arco-drawer-body .arco-table-container .arco-scrollbar-track-direction-horizontal{
     display: block;
 }
 :deep(.ag-cell) {
     border-right: 1px solid #dde2eb;
 }
 
 :deep(.ag-header-cell) {
     border-right: 1px solid #dde2eb;
 }
 
 :deep(.ag-cell-value) {
     user-select: initial;
     -moz-user-select: text;
     -ms-user-select: text;
     -webkit-user-select: text;
 }
 </style>